<template>
  <div class="app">
    <top></top> <!--顶部公共部分-->
    <logo></logo>     <!--logo和搜索部分-->
    <mynav></mynav>    <!--导航部分-->
    <score></score>   <!--比分部分-->
    <centervideo></centervideo>  <!--中间视频内容-->
    <centervideobottom></centervideobottom><!--中间视频底部内容-->
    <centerfocus></centerfocus> <!--中间焦点内容-->
    <bottomcentent></bottomcentent><!--下部内容部分-->
  </div>
</template>
<script>
import top from './components/Top'
import logo from './components/Logo'
import mynav from './components/Nav'
import score from './components/Score'
import centervideo from './components/CenterVideo'
import centervideobottom from './components/CenterVideoBottom'
import centerfocus from './components/CenterFocus'
import bottomcentent from './components/BottomCentent'
export default {
  data: () => ({}),
  created () {},
  methods: {},
  components: {
    top,
    logo,
    mynav,
    score,
    centervideo,
    centerfocus,
    centervideobottom,
    bottomcentent
  }
}
</script>
<style lang="less" scoped>
</style>
<style lang="less">
body{min-width: 1360px;  background: #f7f7f7;height: 2000px}
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {
    margin: 0;
    padding: 0;
}
li{
  list-style: none;
}
img {
    border: none;
    vertical-align: middle;
}
a{text-decoration:none ; color:#000}
  .cl{
    content: "";
    overflow: hidden;
    display: block;
    clear: both;
  }
  .fl{
    float:left;
  }
  .fr{
    float:right;
  }
</style>
